﻿<%@ Control Language="C#" AutoEventWireup="true" CodeFile="ucLocalidades.ascx.cs"
    Inherits="UserControl_Localidades_ucLocalidades" %>
<style type="text/css">
    .step1, .step2, .step3
    {
        height: 30px;
        border: 1px solid #ccc;
        border-radius: 4px;
        color: #555;
        display: inline-block;
        font-size: 14px;
        line-height: 20px;
        margin-bottom: 10px;
        padding: 4px 6px;
        vertical-align: middle;
    }
</style>
<script type="text/javascript">
    $(function () {



        $("select#<%=cboPartido.ClientID %>").change(function () {
            $("#<%=hfcboPartido.ClientID %>").val($(this).children(":selected").val());
            //$("#<%=hfLocalidad.ClientID %>").val("");
            if ($("#<%=hfcboPartido.ClientID %>").val() != "")
                $("#<%=cboLocalidad.ClientID %>").removeAttr('disabled');
            else
                $("#<%=cboLocalidad.ClientID %>").attr('disabled', 'disabled');

        });

        $("select#<%=cboProvincia.ClientID %>").change(function () {
            $("#<%=hfcboPartido.ClientID %>").val("");
            $("#<%=hfLocalidad.ClientID %>").val("");
        });

        $("select#<%=cboLocalidad.ClientID %>").change(function () {
            $("#<%=hfLocalidad.ClientID %>").val($(this).children(":selected").val());
        });


        $('#example2').cascadingDropdown({
            selectBoxes: [
        {
            selector: '.step1'

        },
        {
            selector: '.step2',
            requires: ['.step1'],
            source: function (request, response) {
                $.ajax({

                    url: '<%=ResolveUrl("~/wsPostulaciones.asmx/traerPartidos") %>',
                    data: "{ 'prefixText': '" + $("#<%=cboProvincia.ClientID %>").val() + "'}",
                    dataType: "json",
                    type: "POST",
                    contentType: "application/json; charset=utf-8",
                    success: function (data) {
                        response($.map(data.d, function (item) {
                            return {
                                value: item.Id,
                                label: item.Partido
                            }
                        }))
                        $('#<%=cboPartido.ClientID %>').val($("#<%=hfcboPartido.ClientID %>").val());
                        $('#<%=cboPartido.ClientID %>').change();
                    },

                    error: function (xhr, textStatus, error) {
                        alert(xhr.statusText);
                        alert(textStatus);
                        alert(error);
                    }
                })
            }
        },
		{
		    selector: '.step3',
		    requires: ['.step1', '.step2'],
		    requireAll: true,
		    source: function (request, response) {
		        $.ajax({

		            url: '<%=ResolveUrl("~/wsPostulaciones.asmx/traerLocalidades") %>',
		            data: "{ 'prefixText': '" + $("#<%=cboPartido.ClientID %>").val() + "'}",
		            dataType: "json",
		            type: "POST",
		            contentType: "application/json; charset=utf-8",
		            success: function (data) {
		                response($.map(data.d, function (item) {
		                    return {
		                        value: item.Id,
		                        label: item.Localidad
		                    }
		                }))
		                $('#<%=cboLocalidad.ClientID %>').val($("#<%=hfLocalidad.ClientID %>").val());
		                if ($("#<%=hfcboPartido.ClientID %>").val() != "")
		                    $("#<%=cboLocalidad.ClientID %>").removeAttr('disabled');
		                else
		                    $("#<%=cboLocalidad.ClientID %>").attr('disabled', 'disabled');
		                //$('#<%=cboLocalidad.ClientID %>').change();

		            },
		            error: function (xhr, textStatus, error) {
		                alert(xhr.statusText);
		                alert(textStatus);
		                alert(error);
		            }
		        })
		    }
		}
    ]
        });



        //        $(function () {
        //            alert($("#<%=hfcboPartido.ClientID %>").val());
        //            $('#<%=cboPartido.ClientID %>').val($("#<%=hfcboPartido.ClientID %>").val());
        //        });
    });
</script>
<div id="example2">
    <asp:ScriptManager ID="ScriptManager1" runat="server">
    </asp:ScriptManager>
    <asp:UpdatePanel ID="UpdatePanel1" runat="server">
        <ContentTemplate>
            <asp:HiddenField ID="hfLocalidad" runat="server" />
            <asp:HiddenField ID="hfcboPartido" runat="server" />
            <asp:DropDownList ID="cboProvincia" CssClass="step1" runat="server">
            </asp:DropDownList>
            <asp:DropDownList ID="cboPartido" CssClass="step2" runat="server">
            </asp:DropDownList>
            <asp:DropDownList ID="cboLocalidad" CssClass="step3" runat="server">
            </asp:DropDownList>
        </ContentTemplate>
        <Triggers>
            <asp:PostBackTrigger ControlID="cboPartido" />
        </Triggers>
    </asp:UpdatePanel>
</div>
